應該是現階段最豐富易懂的XR懶人包

目前整體關於XR開發尤其是WebXR相關的資源就算加上原文文章也都很少，現存的大多是零散化的資訊。書籍、網路上的資料都少的情況下，身為一個XR愛好者+推廣者，我會在這系列文章中會一步步的從介紹XR領域中眾多的名詞定義和解釋，講述XR發展歷史，整理出適合入門者一步一步從宏觀到聚焦到用Babylon.js實作出Web的XR，以及推坑這美好的XR世界。並畫一些圖表幫助更好理解這些時常被提到卻又容易搞混的很多XR圈的名詞。
身在技術快速迭代的時代，如果想快速跟上近幾年的XR發展，拉張椅子坐吧！可以少走很多彎路的。歡迎利用小標題來決定要閱讀的部分。本系列會以剛想開始做WebXR developer為目標受眾，預設已經擁有基本的網站開發知識，一步步從接上現在這領域發展狀況到如何選適合的工具，再到建立一個小成品。以介紹WebXR應用相關為主軸，路上提到的各種支線技術有時若遺憾沒細說到，可以再利用關鍵字深入探索研究這提到的那些名詞或技術唷。

前言

目前正當紅的文章都圍繞著AI，還記得在AI的上一波討論度最高的是元宇宙，元宇宙甚至被路透評選為2021年科技熱門詞彙。當時因為疫情不能出門，元宇宙的世界快速起飛，當時生成式AI還沒普及，元宇宙的產生還仰賴工程師的慢慢打造，內容創造的相對來說慢且成本高，加上硬體也來不及跟上，配戴舒適度、畫面解析清晰度、運算效能仍有很大的進步空間。在當時推的應用程式內容少體驗不夠好的情況下，元宇宙的熱度就在疫情結束後，社會回歸正軌也就慢慢退燒。現在2025，軟硬體已經進步到可以稱得上準備好了。顯示卡不僅有很大的進步有更多選擇；瀏覽器的支援度也跟上；網路速度現在也更快速；加上頭戴顯示器因為一體機而更加普及，甚至Quest 3s價錢可以壓到台幣1萬以下；手機的硬體也持續進步，但手機現在沒有重大突破；接著智慧眼鏡開始受到矚目…等等。一切已經跟當時的環境背景不同了！

什麼是AR/VR/MR/XR? 他們的差別在哪?

我們先從最基本的最常見的第一個問題開始，他們都是都是一種沉浸式體驗，分別的定義如下：
VR (Virtual Reality)虛擬實境 - 完全沉浸
AR (Augmented Reality) - 擴增實境-真實世界之上，疊加上一層虛擬的資訊或圖像
MR (Mixed Reality) - 混合實境
XR 延展實境 - 包含了從 AR 到 VR 整個光譜的總稱

實際應用的例子：VR就是用頭戴裝置進入一個虛擬世界，AR就是當你用google實景導航，當你開啟相機拍攝實景的時候會有飄浮的虛擬箭頭告訴你方向；或是抓寶可夢會在真實的世界看到皮卡丘在你眼前就是AR；當覺得不只是AR也不像是VR時就MR了，但界線越來越模糊難以定義，所以後來都用XR來統稱全部。

元宇宙是什麼?

這是一個抽象的大概念，我希望能盡可能具象一點的並簡單化的解釋它：元宇宙metaverse 是一個包括身份、社交、經濟、沉浸感、多元內容XR(VR. AR)單位搭建的虛擬時空的合集，。可以想成一個虛實結合、有沉浸感的新一代的網際網路。
若要解釋我們現行的網際網路，我們可以輕易的想像一個連結世界的網，可以在連網的情況下進行很多樣的活動，包含金融活動線上交易與報稅、社交社群、最新資訊連結、影音串流或各式工具。元宇宙則是一個新一代的網際網路，目前還沒有一個真的符合這個定義的環境，它有很多正在發展中的應用，包含XR世界、數位資產如加密貨幣或NFT、虛擬化身與空間以及還在發展中尚未被定型的多種想像的應用。元宇宙就像下圖是一個正在慢慢拼湊成形的拼圖，就連拼湊他的小元件都還也還存在很多未知，唯一確定的是它還在發展中，這也正是難以解釋和定義的原因。

接下來我們將會對焦於元宇宙的組成單位之一－－XR。